<template>
  <!-- 整体 -->
  <div class="container">
    <!-- 头部介绍 -->
    <div class="conten-head">
      <div class="head-introduce">
        <div class="name">
          吕俊枢
          <span>前端工程师</span>
        </div>

        <!-- 电话号码 -->
        <div class="phone">
          <el-icon><Phone /></el-icon>
          <a href="tel:12345678911">123456</a>
        </div>
        <!-- 学历 -->
        <div class="head-other"><span>学历:</span> 本科</div>
        <!-- 邮箱 -->
        <div class="note">
          <el-icon><Message /></el-icon>
          <a href="mailto:lvjs1226@sina.com">lvjs1226@sina.com</a>
        </div>
        <!-- 生日 -->
        <div class="head-other"><span>年龄: </span> 22</div>
        <!-- 网址 -->
        <div class="address">
          <el-icon><Avatar /></el-icon>
          <a href="https://gitee.com/lv-junshu" target="_blank">Gitee</a>
        </div>
        <!-- 经验 -->
        <div class="head-other"><span>开发经验:</span> 2年</div>
      </div>
      <!-- 照片 -->
      <img src="../../assets/img/修猫.webp" alt="" />
    </div>
    <!-- 详细介绍 -->
    <!-- 教育经历 -->
    <div class="detailed">
      <h2 class="detailed-title">教育经历</h2>
      <div class="detailed-content">
        <div class="item">
          <span>就读于</span>湖南科技大学 <span>(计算机科学与技术)</span>
        </div>
      </div>
    </div>
    <!-- 专业技能 -->
    <div class="detailed">
      <h2 class="detailed-title">专业技能</h2>
      <div class="detailed-content">
        <div class="item">
          <span>熟练掌握:</span>HTML、CSS、JavaScript(含ES6)<span></span>
        </div>
        <div class="item">
          <span>熟练使用:</span
          >vue、vue-router、vuex、element-ui、element-plus<span
            >等技术完成单页应用，深入理解 vue 原理</span
          >
        </div>
        <div class="item">
          <span>深入理解模块化，能熟练使用:</span>CommonJS、ES Module
          <span>模块化标准完成分模块开发</span>
        </div>
        <div class="item">
          <span>深入理解:</span>原型原型链、异步、作用域链、this
          指向、闭包、垃圾回收、事件循环
          <span>等 JS 核心原理</span>
        </div>
      </div>
    </div>
    <!-- 项目经验 -->
    <div class="detailed">
      <h2 class="detailed-title">项目经验</h2>
      <div class="detailed-item">
        <h3 class="item-title">项目名称</h3>
        <div class="item">
          <span>访问地址：</span
          ><a
            href=" https://static-mp-5fb0bc52-017f-41d6-95fb-188b4fdeba25.next.bspapp.com/"
            target="_blank"
          >
            脱发俱乐部</a
          >
        </div>
        <div class="item">
          <span>gitee:</span
          ><a href="https://gitee.com/lv-junshu/study-uni-app" target="_blank">
            https://gitee.com/lv-junshu/study-uni-app</a
          >
        </div>
        <div class="item">
          <span>项目背景：</span>uniapp移动端的一个前端论坛应用
        </div>
        <div class="item">
          <span>项目实现：</span
          >该项目使用原生uniapp组件进行开发，使用DCloud云数据库进行后台数据交互，scss实现样式编写，vuex与localStorage实现数据储存和获取,实现markdown格式文章显示、文章收藏与展示、点赞与评论效果，文章显示类型筛选，模糊与精准搜索内容获取对应文章以及搜索历史的展示
        </div>
        <div class="item">
          <span>本人负责项目：</span
          >个人开发项目，页面的展示与功能实现，与后台数据的交互。测试账号：admin
          ，密码：123123
        </div>
      </div>
    </div>
    <div class="detailed">
      <h2 class="detailed-title">个人评价</h2>
      <p class="detailed-text">
        为人中肯、塌实勤奋、积极热情、乐观向上，具有一定的组织和创新精神，有强烈的团队意识，是一个完美主义者，做事周到、细心，谨慎而有条不紊，有自己独到的见解，能够独立完成能力范围内的各类工作，对前端技术充满热爱！
      </p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
@import "./css/index.css";
</style>
